<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>健康资讯</title>
    <titleType style="display: none;">yygh</titleType>
    <meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <%- include('../../../_global/baseLibs') %>


    <style>
        html,body{
            height: 100%;
        }
        #pageJKZX{
            height: 100%;
            display: flex;
            flex-direction: column;
        }

        .news-list-box{
            flex: 1;
        }
        #ul{
            height: 100%;
        }

        #ul>li{
            height: 100%;
        }



        .header-box {
            display: none;
        }

        .footer-nav-box {
            display: none;
        }

        .header-box-index {
            display: none;
        }

    </style>
    <style>
        ::-webkit-scrollbar{width:0px}
        .news-list-box ul li{
            overflow-y:scroll
        }
        .news-list-box ul li a{
            text-decoration:none
        }
        .find_nav_list ul li a{
            text-decoration:none
        }
        .find_nav{
            overflow:hidden
        }
        .more-div{
            position: relative;
            z-index :11
        }
    </style>


</head>
<body style="height:100%;overflow-y: hidden">


<section id="pageJKZX" class="page-wrap page-index">

    <!--head-start-->
    <header class="header-box title">
        <div class="header-box-index fixed">
            <div class="header-content">
                <div class="search-bar-box" style="margin-top: 0;">
                    <a class="back" href="javascript:void(0);"><i class="iconfont icon-back"></i></a>
                    <div class="input-search-box">
                        <!-- <a href="javascript:void(0);">
                            <div class="input-search">
                                <div class="input-out-box">
                                    <i class="fdj-icon" onclick="query()"></i>
                                    <input id="condition" style ="width:100%" type="text" style="border:0" value=""/>
                                    <span class="input-text">大家都在搜：刷爆朋友圈的健康谣言</span>
                                </div>
                            </div>
                        </a> -->
                        <div class="title">健康资讯</div>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <aside id="newClassify"></aside>

    <div class="news-list-box" id="slider1" style="overflow: hidden">
        <ul id = "ul">

        </ul>
    </div>

    <!--新闻列表-end-->


</section>



<!-- 资讯分类 模板 start -->
<script type="text/html" id="templateNewsClassify">
    <div class="find_nav">
        <div class="find_nav_left">
            <div class="find_nav_list" id="pagenavi1" style="overflow: hidden; left: 0px;">
                <ul>
                    {{each data}}
                    <li valueli="{{$value.bqid}}" class="list"><a href="javascript:void(0)">{{$value.bqmc}}</a></li>
                    {{/each}}
                    <li class="sideline" style="left: 0px; width: 42px;"></li>
                </ul>
            </div>
            <div class="arrow-left">
                <a id="showMoreList" class="more down" href="javascript:void(0);"><i class="iconfont icon-more"></i></a>
            </div>
        </div>
    </div>
    <div class="more-div">
        <!--更多显示 start-->
        <nav class="list-more-nav-box" style="display: none">
            <ul class="clearfix">
                {{each data}}
                <li valueli="{{$value.bqid}}"><a href="javascript:void(0)">{{$value.bqmc}}</a></li>
                {{/each}}
            </ul>
        </nav>
        <!--更多显示 end-->
    </div>
</script>
<!-- 资讯分类 模板 end -->

<!-- 资讯列表显示容器 模板  start -->
<script type="text/html" id="templateNewsListContainer">
    {{each data}}
    <li id="id{{$value.bqid}}">

    </li>
    {{/each}}
</script>
<!-- 资讯列表显示容器 end -->


<!-- 资讯列表 模板 start -->
<script type="text/html" id="templateNewsList">

    {{each rows}}
    <a class="news-a" id="{{$value.id}}" bqid="{{$value.bqid}}">
        <div class="news-title">
            <p class="title-span">
                <span>{{$value.btmc}}</span>
            </p>
            <!--  <p class="content-span"><span>{{$value.btmc}}</span></p>-->
        </div>
        <div class="news-pic-box">
            <img class="news-pic" src="{{$value.img}}" />
        </div>
    </a>
    {{/each}}


</script>
<!-- 资讯列表 模板 end -->

<script>
    /*获取用户信息*/
    $.JkcsUserInfo = {
        /*服务地址*/
        uri_servive_getUserInfo: '/api/gzd/getUserInfo'
        /**获取当前用户信息默认配置*/
        ,def_cfg_getUserInfoGzd: {
            callback: null
            /*是否需要获取最新的用户信息 默认从缓存获取*/
            ,refresh: false
        }
        /**获取公众端用户信息*/
        ,getUserInfoGzd: function(params){
            var cfg = $.extend({}, $.JkcsUserInfo.def_cfg_getUserInfoGzd, params);
            var refresh = cfg["refresh"];
            var callback = cfg['callback'];
            if(refresh){
                $.QuickRemote.AjaxJson({
                    funcName: $.JkcsUserInfo.uri_servive_getUserInfo
                    ,callback: function(result){
                        StoreCache.setCache("jkcsUserInfo", result);
                        if($.isFunction(callback)){
                            callback(result);
                        }
                    }
                });
            }else{
                callback(StoreCache.getCache("jkcsUserInfo"));
            }
        }
    }

    /*值域代码工具类*/
    $.JkcsZydmUtils = {
        /*值域 引用zydm.json配置*/
        zydm: JSON.parse('{"kinship":[{"XMDM":"0","XMMC":"本人"},{"XMDM":"1","XMMC":"父母"},{"XMDM":"2","XMMC":"子女"},{"XMDM":"3","XMMC":"亲属"},{"XMDM":"4","XMMC":"朋友"},{"XMDM":"9","XMMC":"其他"}],"kinship-no":[{"XMDM":"1","XMMC":"父母"},{"XMDM":"2","XMMC":"子女"},{"XMDM":"3","XMMC":"亲属"},{"XMDM":"4","XMMC":"朋友"},{"XMDM":"9","XMMC":"其他"}],"gender":[{"XMDM":"1","XMMC":"男"},{"XMDM":"2","XMMC":"女"}],"jzklx":[{"XMDM":"0","XMMC":"社保卡"},{"XMDM":"2","XMMC":"通用就诊卡"},{"XMDM":"8","XMMC":"身份证"}],"tzcllx":[{"XMDM":"01","XMMC":"血糖"},{"XMDM":"02","XMMC":"血压"},{"XMDM":"03","XMMC":"血氧"},{"XMDM":"04","XMMC":"BMI"},{"XMDM":"05","XMMC":"腰臀比"}],"tzcl_sjd":[{"XMDM":"0","XMMC":"凌晨"},{"XMDM":"1","XMMC":"早餐前"},{"XMDM":"2","XMMC":"早餐后"},{"XMDM":"3","XMMC":"午餐前"},{"XMDM":"4","XMMC":"午餐后"},{"XMDM":"5","XMMC":"晚餐前"},{"XMDM":"6","XMMC":"晚餐后"},{"XMDM":"7","XMMC":"睡前"}]}')
        ,def_parms: {
            tableName: ""
            ,textField: "text"
            ,valueField: "value"
            ,keyValue: true
        }
        /*获取配置的值域数组*/
        ,getAry: function(params){
            var params1 = $.extend({}, $.JkcsZydmUtils.def_parms, params);
            var tableName = params1['tableName'];
            var textField = params1['textField'];
            var valueField = params1['valueField'];
            var ary1 = [];
            var ary = $.JkcsZydmUtils.zydm[tableName];
            if($.isArray(ary)){
                $.each(ary, function(){
                    var item = {};
                    item[textField] = this['XMMC'];
                    item[valueField] = this['XMDM'];
                    ary1.push(item);
                })
            }
            return ary1;
        }
        /*获取值域字典*/
        ,getDict: function(params){
            var params1 = $.extend({}, $.JkcsZydmUtils.def_parms, params);
            var tableName = params1['tableName'];
            var keyValue = params1['keyValue'];
            var dict = {};
            var ary = $.JkcsZydmUtils.zydm[tableName];
            if($.isArray(ary)){
                $.each(ary, function(){
                    if(keyValue){
                        dict[this['XMMC']] = this['XMDM'];
                    }else{
                        dict[this['XMDM']] = this['XMMC'];
                    }
                })
            }
            return dict;
        }
    }
    StoreCache.setCache("applicationType", "gzd");
</script>

<script src="/static/lib/touchslider.js"></script>
<%- include('jkzxIndexs') %>
<script>
    // var jkcsUserInfo =StoreCache.getCache("jkcsUserInfo");
    // if(jkcsUserInfo==""||jkcsUserInfo==undefined){
    //     $.QuickUrlUtils.redirectJSBridge({url:"/html/gzd/login/login.html",title:"登录", type: "login"})
    // }
    // else {
    //     console.log("已登录");
    // }
    function click(){

        $('#showMoreList').click(function () {
            if($(this).hasClass('up')){
                $(this).removeClass('up').addClass('down');
                $('.list-more-nav-box').hide();
            }else{
                $(this).removeClass('down').addClass('up');
                $('.list-more-nav-box').show();
            }
        });

    }
    function query(){
        var a = $("#condition").val();
        queryData({condition:a})
    }

</script>


</body>
</html>